<template>
  <div class="binner">
    <div class="binner-left-wrapper">
      <binnerLeft></binnerLeft>
    </div>
    <div class="binner-right-wrapper">
      <binnerRight></binnerRight>
    </div>
  </div>
</template>

<script>
  import binnerLeft from '@/components/index/binner/binnerLeft.vue';
  import binnerRight from '@/components/index/binner/binnerRight.vue';

  export default {
    components: {
      binnerLeft,
      binnerRight
    }
  };
</script>

<style lang="stylus" rel="stylussheet/stylus">
  .binner
    max-width 1190px
    min-width 960px
    margin 0 auto
    display flex
    .binner-left-wrapper
      flex 0 0 230px
      width 230px
    .binner-right-wrapper
      flex 1
</style>
